<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Crear Usuario</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../CSS/Formato.css" />
        <link rel="stylesheet" type="text/css" href="../CSS/FormatoForm.css" />
        <script src="../JSCRIPT/Formularios.js"></script>
        <script language="javascript">
            function validar(){
                esValidoCampo('empresa');
                if (esValidoCampo('rfc')){
                    validaRfc('rfc');
                }
                if(esValidoCampo('correo')){
                    validaCorreo('correo');
                }
                esValidoCampo('nombre');
                esValidoCampo('contrasena');
                esValidoCampo('usuario');
                esValidoCampo('confirmarContrasena');
                validaContraseña('contrasena', 'confirmarContrasena');
            }
            
            function validaContraseña(contraseña, otracontraseña){
                var contra=document.getElementById(contraseña);
                var compara= document.getElementById(otracontraseña);
                var labelerror= document.getElementById("error-" +compara.id);
                if(compara.value != contra.value){
                    labelerror.innerHTML="Las contraseñas deben coincidir ";
                    compara.style.backgroundColor='#FEE';
                    compara.style.borderColor='#C00';
                    compara.focus();
                    return false;
                }else{
                    return true;
                }
            }
            
            function validaRfc(nombreCampo){
                var campoRfc= document.getElementById(nombreCampo);
                var labelerror= document.getElementById("error-" +campoRfc.id);
                
                var valida = '^(([A-Z]|[a-z]){4})([0-9]{6})((([A-Z]|[a-z]|[0-9]){3}))';
                if (campoRfc.value.match(valida)) {
                    return true;
                }else{
                    labelerror.innerHTML="RFC Invalido";
                    campoRfc.style.backgroundColor='#FEE';
                    campoRfc.style.borderColor='#C00';
                    campoRfc.focus();
                    return false;
                }
            }
            
            function validaCorreo(nombreCampo){
                var campoCorreo= document.getElementById(nombreCampo);
                var labelerror= document.getElementById("error-" +campoCorreo.id);
                var valida= /^[a-zA-Z0-9._-]+@[a-zA-Z]+\.([a-zA-Z]{2,4})+$/;
                if (campoCorreo.value.match(valida)) {
                    return true;
                }else{
                    labelerror.innerHTML="Correo Invalido";
                    campoCorreo.style.backgroundColor='#FEE';
                    campoCorreo.style.borderColor='#C00';
                    campoCorreo.focus();
                    return false;
                }
            }
        </script>
    </head>
    <body>
        <div class="contenido" id="pagina">
            <div id="cabezera">
                <div id="logo">CADMIN</div>
            </div><!-- header -->
            <div class="form">
                <form method="post">
                    <fieldset>
                        <legend>Crear Usuario</legend>
                        <div class="row">
                            <label> Nombre de la Empresa:</label>
                        </div>
                        <div class="row"> 
                            <input type="text" name="empresa" id="empresa">
                            <strong id="error-empresa" class="error"></strong>
                        </div>
                        <div class="row">
                            <label> RFC de la Empresa:</label>
                        </div>
                        <div class="row"> 
                            <input type="text" name="rfc" id="rfc">
                            <strong id="error-rfc" class="error"></strong>
                        </div>
                        <div class="row">
                            <label> Nombre:</label>
                        </div>
                        <div class="row"> 
                            <input type="text" name="nombre" id="nombre">
                            <strong id="error-nombre" class="error"></strong>
                        </div>
                        <div class="row">
                            <label> Correo:</label>
                        </div>
                        <div class="row"> 
                            <input type="text" name="correo" id="correo">
                            <strong id="error-correo" class="error"></strong>
                        </div>
                        <div class="row">
                            <label> Nombre de Usuario:</label>
                        </div>
                        <div class="row"> 
                            <input type="text" name="usuario" id="usuario">
                            <strong id="error-usuario" class="error"></strong>
                        </div>
                        <div class="row">
                            Contraseña:
                        </div>
                        <div class="row">
                            <input type="password" name="contrasena" id="contrasena">  
                            <strong id="error-contrasena" class="error"></strong>
                        </div>
                        <div class="row">
                            Confirmar Contraseña:
                        </div>
                        <div class="row">
                            <input type="password" name="confirmarContrasena" id="confirmarContrasena" >  
                            <strong id="error-confirmarContrasena" class="error"></strong>
                        </div>
                        <div class="row">
                            <input type="button" name="crearcuenta" value="Crear Cuenta" onclick="validar();">
                            <input type="reset" name="cancelar" value="Limpiar Datos">
                        </div>
                        <div class="row">
                            <a href="./Login.html">Regresar</a>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
    </body>
</html>
